<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // var obj = {
        //     id: '1',
        //     names: '刘德华',
        //     masg: {
        //         id: '11',
        //         names: '李连杰'
        //     },
        //     class: ['red', 'blue']
        // }
        // 浅拷贝
        // var o = {};
        // for (var k in obj) {
        //     o[k] = obj[k]
        // }
        // console.log(o);
        // console.log(o.masg == obj.masg);
        // Object.assign(o, obj);
        // console.log(o);
        // 深拷贝
        var obj = {
            id: '1',
            names: '刘德华',
            masg: {
                id: '11',
                names: '李连杰'
            },
            class: ['red', 'blue']
        }
        var o = {};
        function object(nweobj, jdobj) {
            for (var k in jdobj) {
                var item = jdobj[k];
                if (item instanceof Array) {
                    nweobj[k] = []
                    object(nweobj[k], item)
                } else if (item instanceof Object) {
                    nweobj[k] = {}
                    object(nweobj[k], item)
                } else {
                    nweobj[k] = item
                }
            }
        }
        object(o, obj)
        console.log(o); 
    </script>
</body>

</html>